{
	template:`
	<a-page-header title="选择图标" sub-title="点击图标选择">
		<template #extra>
		    <a-input-search v-model:value="name" placeholder="搜索名称" enter-button :allowClear="true" @search="initLoadImage" style="width: 200px"/>
			<m-back @click="back(false);">关闭</m-back>
		</template>
		<a-card :hoverable="true" :bodyStyle="{padding:'20px'}">
			<a-list :grid="{ gutter: 6, column: 12 }" :data-source="list">
				<template #renderItem="{ item }">
					<div style="padding:2px;" @click="back(true,item)">
						<img :src="item.path" style="width:100%;"/>
						<div :style="{fontSize:'9px',lineHeight:1}">
							<span v-if="item.oid==selected" style="color:#f00">[已选]</span>
							{{item.name}}
						</div>
					</div>
				</template>
			</a-list>
			<a-button v-if="has" type="link" block @click="loadImage()">...加载更多...</a-button>
		</a-card>
	</a-page-header>
	`,
	props: ['localeZh','param','parentVue'],
	data:function(){
		return {
			selected:'',
			name:'',
			business:'',
			fileList:[],
			list:[],
			load:false,
			index:0,
			has:true,
			pageNum:48
		};
	},
	mounted(){
		this.selected=this.param.selected;
		this.name=this.param.name;
		this.business=this.param.business;
		this.initLoadImage();
	},
	methods:{
	    initLoadImage:function(){
            this.list=[];
            this.load=false;
            this.index=0;
            this.has=true;
            this.loadImage();
	    },
		loadImage:function(){
			this.load=true;
			this.requestData("action/manage/iconInfo/iconList",
				{"page":{"index":this.index,"num":this.pageNum},"name":this.name,"business":this.business},
				function(data){
					for(var i=0;i<data.list.length;i++){
						this.list.push(data.list[i]);
					}
					this.has=data.code==0&&data.list.length>=this.pageNum;
					this.index+=data.list.length;
					this.load=false;
				}.bind(this)
			);
		},
	}
}